<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    switchFullscreen
    @ok="handleOk"
    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
    @cancel="handleCancel"
    cancelText="关闭">
<!--    <a-radio-group v-model="value" @change="onChange" button-style="solid">
      <a-radio-button value="zh">
        中文
      </a-radio-button>
      <a-radio-button value="en">
        英文
      </a-radio-button>
    </a-radio-group>-->
    <div class="box">
      <p v-html="zh" ></p>
<!--      <p v-html="en" v-if="value=='en'"></p>-->
    </div>
  </j-modal>
</template>

<script>


  export default {
    name: 'YulanModal',
    components: {

    },
    data () {
      return {
        title:'',
        width:1400,
        visible: false,
        disableSubmit: false,
        zh:'',
        en:'',
        value:'zh'
      }
    },
    methods: {
      add () {
        this.visible=true

      },
      edit (record) {
        this.visible=true
        this.zh = record.content
        // this.en = record.contentEn
      },
      close () {
        this.$emit('close');
        this.visible = false;
      },
      handleOk () {
        this.$refs.realForm.submitForm();
      },
      submitCallback(){
        this.$emit('ok');
        this.visible = false;
      },
      handleCancel () {
        this.close()
      },
      onChange(e){
        console.log(e.target.value)
        this.value = e.target.value
      }
    }
  }
</script>
<style scoped>
.box{
  width: 1200px;
  border: 1px solid #eeeeee;
  padding: 20px;

  margin: 0 auto;
  /*margin-top: 30px;*/
}
</style>